<template>
    <div class="myDSdiv1">
        <div class="detail">
            <span>➤商品参数</span>
            <span style="color: rgb(109, 109, 109);font-size:20px;margin-left:10px">DETAIL</span>
        </div>
        <div>
            <el-row class="row1" type="flex" justify="center">
                <el-col :span="3" class="row1col1">处理器：</el-col>
                <el-col :span="9" class="row1col2">酷睿i3</el-col>
                <el-col :span="3" class="row1col1">内存容量：</el-col>
                <el-col :span="9" class="row1col2" style="border-right:1px solid rgb(207, 207, 207);">8G</el-col>
            </el-row>
            <el-row class="row1" type="flex" justify="center">
                <el-col :span="3" class="row1col1">屏幕尺寸：</el-col>
                <el-col :span="9" class="row1col2">14英寸</el-col>
                <el-col :span="3" class="row1col1">硬盘容量：</el-col>
                <el-col :span="9" class="row1col2" style="border-right:1px solid rgb(207, 207, 207);">256G固态</el-col>
            </el-row>
            <el-row class="row1" type="flex" justify="center">
                <el-col :span="3" class="row1col1">显卡：</el-col>
                <el-col :span="9" class="row1col2">集成显卡</el-col>
                <el-col :span="3" class="row1col1">厚度：</el-col>
                <el-col :span="9" class="row1col2" style="border-right:1px solid rgb(207, 207, 207);">便携轻薄（17.5mm–21mm）</el-col>
            </el-row>
            <el-row class="row1" type="flex" justify="center">
                <el-col :span="3" class="row1col1">电信设备进网许可证编号：</el-col>
                <el-col :span="9" class="row1col2">-</el-col>
                <el-col :span="3" class="row1col1">适用季节：</el-col>
                <el-col :span="9" class="row1col2" style="border-right:1px solid rgb(207, 207, 207);">春,夏,秋,冬</el-col>
            </el-row>
            <el-row class="row1" type="flex" justify="center">
                <el-col :span="3" class="row1col1">类型：</el-col>
                <el-col :span="9" class="row1col2">商务笔记本</el-col>
                <el-col :span="3" class="row1col1">屏幕是否支持触控：</el-col>
                <el-col :span="9" class="row1col2" style="border-right:1px solid rgb(207, 207, 207);">否</el-col>
            </el-row>
            <el-row class="row1" type="flex" justify="center">
                <el-col :span="3" class="row1col1">屏幕分辨率：</el-col>
                <el-col :span="9" class="row1col2">以厂家数据为准</el-col>
                <el-col :span="3" class="row1col1">硬盘类型：</el-col>
                <el-col :span="9" class="row1col2" style="border-right:1px solid rgb(207, 207, 207);">固态硬盘</el-col>
            </el-row>
            <el-row class="row1" type="flex" justify="center">
                <el-col :span="3" class="row1col1">长度：</el-col>
                <el-col :span="9" class="row1col2">以厂家数据为准</el-col>
                <el-col :span="3" class="row1col1">显示比例：</el-col>
                <el-col :span="9" class="row1col2" style="border-right:1px solid rgb(207, 207, 207);">16:9</el-col>
            </el-row>
            <el-row class="row1" type="flex" justify="center">
                <el-col :span="3" class="row1col1">屏幕类型：</el-col>
                <el-col :span="9" class="row1col2">HD</el-col>
                <el-col :span="3" class="row1col1">显存容量：</el-col>
                <el-col :span="9" class="row1col2" style="border-right:1px solid rgb(207, 207, 207);">以厂家数据为准</el-col>
            </el-row>
            <el-row class="row1" type="flex" justify="center">
                <el-col :span="3" class="row1col1">核心数：</el-col>
                <el-col :span="9" class="row1col2">双核</el-col>
                <el-col :span="3" class="row1col1">处理器型号：</el-col>
                <el-col :span="9" class="row1col2" style="border-right:1px solid rgb(207, 207, 207);">英特尔</el-col>
            </el-row>
            <el-row class="row1" type="flex" justify="center">
                <el-col :span="3" class="row1col1">重量：</el-col>
                <el-col :span="9" class="row1col2">1.6kg</el-col>
                <el-col :span="3" class="row1col1">蓝牙：</el-col>
                <el-col :span="9" class="row1col2" style="border-right:1px solid rgb(207, 207, 207);">以厂家数据为准</el-col>
            </el-row>
            <el-row class="row1" type="flex" justify="center">
                <el-col :span="3" class="row1col1">显卡型号：</el-col>
                <el-col :span="9" class="row1col2">集成显卡</el-col>
                <el-col :span="3" class="row1col1">处理器基准频率：</el-col>
                <el-col :span="9" class="row1col2" style="border-right:1px solid rgb(207, 207, 207);">2.1GHz</el-col>
            </el-row>
            <el-row class="row1" type="flex" justify="center">
                <el-col :span="3" class="row1col1">线程数：</el-col>
                <el-col :span="9" class="row1col2">4线程</el-col>
                <el-col :span="3" class="row1col1">CPU集成显卡：</el-col>
                <el-col :span="9" class="row1col2" style="border-right:1px solid rgb(207, 207, 207);">是</el-col>
            </el-row>
            <el-row class="row1" type="flex" justify="center">
                <el-col :span="3" class="row1col1">入库储藏方式：</el-col>
                <el-col :span="9" class="row1col2">常温</el-col>
                <el-col :span="3" class="row1col1">商品卖点：</el-col>
                <el-col :span="9" class="row1col2" style="border-right:1px solid rgb(207, 207, 207);">商务办公轻薄笔记本</el-col>
            </el-row>
            <el-row class="row1" type="flex" justify="center">
                <el-col :span="3" class="row1col1">商品配件：</el-col>
                <el-col :span="9" class="row1col2" style="border-bottom:1px solid rgb(207, 207, 207);">笔记本电脑*1电源线*1电源适配器*1</el-col>
                <el-col :span="3" class="row1col1">商品编码：</el-col>
                <el-col :span="9" class="row1col2" 
                style="border-right:1px solid rgb(207, 207, 207);border-bottom:1px solid rgb(207, 207, 207);">扬天V14-I3-CS标配</el-col>
            </el-row>
        </div>
        <div class="detail" style="border-top:0;margin-top:40px">
            <span>➤商品展示</span>
            <span style="color: rgb(109, 109, 109);font-size:20px;margin-left:10px">IMAGE</span>
        </div>
        <div class="imgdiv">
            <img src="../../assets/PruductDetails/down1.jpg" class="mydownimg">
            <img src="../../assets/PruductDetails/down2.jpg" class="mydownimg">
            <img src="../../assets/PruductDetails/down3.jpg" class="mydownimg">
            <img src="../../assets/PruductDetails/down4.jpg" class="mydownimg">
        </div>
    </div>
</template>

<script>
    export default {
        name:'XiaoDownShow'
    }
</script>

<style scoped>
.myDSdiv1{
    margin-top: 50px;
    margin-right: 50px;
    margin-left: 50px;
    margin-bottom: 50px;
}
.detail{
    border-top: 4px solid rgb(73, 73, 73);
    padding-top: 15px;
    font-size: 24px;
    color: rgb(255, 35, 108);
    border-bottom: 6px double rgb(180, 180, 180);
    padding-bottom: 5px;
    margin-bottom: 20px;
}
.row1col1{
    background-color: rgb(226, 226, 226);
    text-align: right;
    padding: 8px;
    font-weight: 550;
    color: rgb(88, 88, 88);
    border: 1px solid rgb(226, 226, 226);
}
.row1col2{
    padding: 8px;
    color: rgb(122, 122, 122);
    border-top: 1px solid rgb(207, 207, 207);
}
.imgdiv{
    text-align: center;
}
.mydownimg{
    height: 60%;
    width: 60%;
}
</style>